* {
    padding: 0px;
    margin: 0px;
    font-family: Microsoft Yahei;
    box-sizing: border-box;
}

/*navbar*/
.navbar {
    height: 200px;
    width: 100%;
    background-color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.nav-info {
    height: 40px;
    background-color: #4b4d52;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.nav-info a {
    text-decoration: none; /*color: white;*/
    color: #d6d2d2 !important;
    font-size: 14px;
    line-height: 40px;
    margin-left: 5px;
    margin-right: 25px;
}

.nav-info a:hover {
    color: white !important;
}

.nav-search {
    height: 100px;
    width: 100%; /*background-color: gray;*/
    display: flex;
    justify-content: flex-start;
    align-content: center;
    position: relative;
}

.search-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.searchIn {
    width: 31%;
    height: 44px;
    border: 2px solid #4b4d52;
    position: absolute;
    left: 49%;
    top: 27%;
    outline: none;
    font-size: 16px;
    text-indent: 10px;
}

.searchBtn {
    width: 7%;
    height: 44px;
    border: 2px solid #3f4247;
    background-color: #4b4d52;
    position: absolute;
    right: 13%;
    top: 26.6%;
    text-indent: 5px;
    outline: none;
    text-decoration: none;
    text-align: center;
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s;
}

.searchBtn:hover {
    font-size: 21px; /*text-decoration: underline;*/
}

.logo {
    width: 36%;
    margin-left: 6%;
}

.search-logo {
    text-decoration: none;
    color: #4b4d52;
    font-size: 26px;
    position: absolute;
    left: 45%;
    top: 30.5%;
}

.search-logo img {
    width: 20px;
    margin-left: -6px;
}

.menu {
    width: 100%;
    height: 50px;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    background-color: #f2f1ea;
    margin-bottom: 0px;
    padding-left: 11%;
}

.menu li a:hover {
    font-weight: 600;
    border: solid #b5aa9a;
    border-width: 0 0 2px 0;
}

.menu li {
    height: 50px;
    display: inline-flex;
    justify-content: space-around; /*margin-left: 140px;*/
    padding-top: 18px;
    margin-right: 100px;
}

.menu a {
    text-decoration: none;
    color: #3f4247;
}

.menu li a.active {
    font-weight: 600;
    border: solid #b5aa9a;
    border-width: 0 0 2px 0;
}

/*轮播图*/
.slider, .slider .slider-img {
    overflow: hidden;
    height: 295px;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}


.book-info {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    justify-content: center;
}

.askbook-info span {
    line-height: 23px;
    margin-left: 27px;
    color: #272222d6;
    font-size: 13px;
    word-wrap: break-word;
}

/*.book-name{    line-height: 26px;    margin-left: 27px;    font-size: 17px;    color: #ae6d6a;}*/
.book-detail {
    width: 185px;
    height: 34px;
    line-height: 18px;
    margin-left: 27px;
    color: #272222d6;
    font-size: 13px;
    word-wrap: break-word;
}

.book-price {
    width: 100%;
    height: 34px;
    font-size: 17px;
    line-height: 60px;
    margin-left: 27px;
    color: #880b16;
}

.book-buy {
    width: 40px;
    height: 36px;
    padding: 5px;
    margin-left: 45px;
    text-decoration: none;
    color: white;
    font-size: 13px;
    border: 1px solid #4b4d52;
    border-radius: 2px;
    background: #4b4d52;
}

.book-buy:hover { /*font-weight: 600;*/
    background-color: #626a55;
    border: 1px solid #626a55;
    font-weight: 600;
}

/*脚步*/
footer {
    border-top: 1px solid #ccc;
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

footer a {
    text-align: center;
    font-size: 15px; /*margin-left: 30%;*/
    text-decoration: none;
    color: rgb(128, 128, 128);
}